// 通过scss的mixin功能，把原来需要写4行的css，变成一行
@mixin flex($direction: row) {
  display: flex;
  flex-direction: $direction;
}

// 数据大屏弹窗统一样式
@mixin TableDialog {
  .dialog-table {
    // background: rgba($color: #fff, $alpha: 0.5);
    background: rgba($color: #214D84, $alpha: 0.5);
    // 30 75 130

    /* 自定义table样式 - 开始 */
    .el-table,
    .el-table th,
    .el-table tr,
    .el-table .el-table__header-wrapper th,
    .el-table .el-table__fixed-header-wrapper th {
      background: transparent;
    }

    .el-table,
    .el-table .el-table__header-wrapper th,
    .el-table .el-table__fixed-header-wrapper th {
      color: #fff;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
      background: transparent;
    }

    .el-table__body {
      .el-table__row {
        background: linear-gradient(0deg, rgba(119, 144, 242, 0.1), rgba(17, 35, 109, 0.5));
      }
    }

    /* 自定义table样式 - 结束 */

    .g-pagination {
      color: #fff;
      box-sizing: border-box;

      .el-input__inner {
        background: transparent;

      }

      button:disabled {
        background: transparent;
      }

      .el-pager li {
        background: transparent;
      }

      .btn-prev,
      .btn-next {
        height: 28px;
        line-height: 28px;
      }


      .el-input__inner,
      .el-pagination__total,
      .el-pagination__jump {
        color: #fff;
      }

    }
  }
}